page {
  background-color: #f8f9fa;
}

.van-swipe-cell {
  navigator {
    margin: 20rpx 20rpx 0;
    margin-bottom: 20rpx;
    background-color: #fff;
    border-radius: 20rpx;
    padding: 30rpx 20rpx;

    .top {
      display: flex;
      justify-content: space-between;
      border-bottom: 1rpx solid #ececec;

      .no {
        color: #333;
      }

      .type {
        color: #333;
      }
    }

    .tips {
      display: flex;
      align-items: center;

      .tips_left {
        padding-top: 10rpx;

        image {
          width: 95rpx;
          height: 95rpx;
          border-radius: 50%;
        }
      }

      .tips_right {
        flex: 1;
        margin-left: 20rpx;
        padding-top: 10rpx;

        .name_box {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10rpx;

          .name {
            color: #333;
          }

          .time {
            color: #999;
            font-size: 90%;
          }

          .small {
            font-size: 90%;
            color: #666;
          }
        }
      }
    }
  }

  .van-swipe-cell__right {
    display: flex;
    background-color: #f00;
    color: #fff;
    width: 60px;
    height: 100%;
    border-radius: 20rpx 0 0 20rpx;
    font-size: 110%;
    align-items: center;
    justify-content: center;
  }
}

.van-empty {
  margin-top: 100px;
}